body {
	font-family: Trebuchet MS, Tahoma, sans-serif;
	font-size: 14px;
	min-width: 500px
}

a {
	color: #060;
}

a:hover {
	border-bottom: 0.19ex dotted;
	text-decoration: none;
}

a:visited {
	color: #181;
}

em {
	text-transform: capitalize;
	background: #8e8;
}

em a, a em, em:hover {
	background: transparent;
}

.center {
	text-align: center;
}

code {
	white-space: pre; 
	background: #ada;
	display: inline-block;
	max-width: 70%;
	margin-left: 5ex;
	padding: 5px;
	border: 1px dotted #181;
}

kbd {
	font-family: monospace;
}

var {
	font-family: monospace;
	border-bottom: 1px dotted;
}

/* Menu */
#menu {
	float: right;
	border: 1px dotted;
	margin: 1ex 1ex 1ex 2ex;
	background-color: #7d7;
	width: 300px;
	min-width: 25%;
	max-width: 35%
}

#menu ul {
	padding: 0 2ex;
}

#menu li {
	list-style-type: none;
	list-style-position: inside;
}

#menu ul ul li {
	list-style-type: square;
}

#menu ul ul ul li {
	list-style-type: circle;
}

/* Main */

#main {
	width: 75%;
	text-align: justify;
}

img.thumb {
	max-width: 30%;
	border: 2px solid #060;
}

img.thumb:hover, a:hover img.thumb {
	max-width: 100%;
	border: 1px solid #181;
}

em.menu {
	font-style: normal;
	font-family: monospace;
	background: #bfb;
}

table img {
	opacity: 0.7;
}

table tr:hover img, table tr:focus img, table tr:active img {
	opacity: 1;
}

table {
	border-collapse: collapse;
	margin: 2ex auto;
	width: 85%;
}

table tr.primcelda {
	background: #8e8;
	font-weight: bold;
	text-align: center;
}

td {
	border: 1px #070 solid;
	padding: 1px 4px;
}
